<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>长治市非物质文化遗产网</title>
	<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
	
	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
	  <script src="js/html5shiv.min.js"></script>
	  <script src="js/respond.min.js"></script>
	<![endif]-->
	
    <!-- css -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" type="text/css" href="plugins/cubeportfolio/css/cubeportfolio.min.css">
	<link href="css/nivo-lightbox.css" rel="stylesheet" />
	<link href="css/nivo-lightbox-theme/default/default.css" rel="stylesheet" type="text/css" />
	<link href="css/owl.carousel.css" rel="stylesheet" media="screen" />
    <link href="css/owl.theme.css" rel="stylesheet" media="screen" />
	<link href="css/animate.css" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet">

	<!-- boxed bg -->
	<link id="bodybg" href="bodybg/bg1.css" rel="stylesheet" type="text/css" />
	<!-- template skin -->
	<link id="t-colors" href="color/default.css" rel="stylesheet">
	<link href="css/index.css" rel="stylesheet">
	<!-- kwicks -->
	<link rel='stylesheet' type='text/css' href='css/jquery.kwicks.min.css' />
	
</head>

<body id="page-top" data-spy="scroll" data-target=".navbar-custom" >

<div id="wrapper" style="background-image:url(img/bj.jpg);">
	
    <div class="navbar navbar-custom navbar-fixed-top" role="navigation">
		
        <div class="container navigation">
		<div class="row">
			<div class="col-md-5">
				<div class="navbar-header page-scroll">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar" aria-expanded="false">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand">
						<div style=" background-repeat:no-repeat;background-image: url(img/logo1.png);width: 400px;height: 50px;padding-left: 50px;">
							<span style="padding-left:20px;line-height:50px;font-size: 22px;">长治市非物质文化遗产网</span></div>
					</a>
				</div>
			</div>
			<div class="col-md-7">
				<!-- Collect the nav links, forms, and other content for toggling -->
				<nav id="bs-navbar" class="collapse navbar-collapse ">
				  <ul class="nav navbar-nav navbar-right fontYH">
					<li><a href="index.html">首页</a></li>
					<li><a href="#notices">通知公告</a></li>
					<li><a href="#minglu">非遗名录</a></li>
					<li><a href="#ccr">传承人</a></li>
					<li><a href="#jidi">非遗基地</a></li>
					<li><a href="#jingsui">非遗精髓</a></li>
					<li class="dropdown">
					  <a href="#" class="dropdown-toggle" data-toggle="dropdown">联系我们 <b class="caret"></b></a>
					  <ul class="dropdown-menu">
						<li><a href="index.html">留言咨询</a></li>
						<li><a href="index-video.html">关于我们</a></li>
						<li><a href="index-cta.html">常见问题</a></li>
					  </ul>
					</li>
				  </ul>
				</nav>
			</div>
            <!-- /.navbar-collapse -->
        </div>
		</div>
        <!-- /.container -->
    </div>
	
	 <div id="list" style="background-color: #F5F5F5;">
		<div class="container" style="min-height:500px;padding-top:110px;background-color:#fff;">
			<div class="row">
				<div class="col-sm-4 col-md-3">
					<div class="LeftColumn" >
						<div style="margin-bottom:20px;text-align: center">
							<div class="leftTitle fontYH" style="font-size: 25px;font-weight: bolder;">
								<img src="img/list/minglu.png" style="width:80px;height:80px;"/>
								<span style="margin-top:30px;vertical-align: bottom;padding-left:15px;font-weight:bold;">非遗名录</span>
							</div>
							<hr style="border-top: 2px solid #000000;"/>
						</div>
						<div style="border:1px solid #e8edf0;border-radius:3px;">
							<h5>非遗类别</h5>
							<table style="width:100%;margin: 25px 0 30px 35px;">
								<tr>
									<td><a>民间文学</a></td>
									<td><a>传统音乐</a></td>
								</tr>
								<tr>
									<td><a>传统舞蹈</a></td>
									<td><a>传统戏剧</a></td>
								</tr>
								<tr>
									
									<td><a>曲艺</a></td>
									<td><a>传统体育、<br/>游艺与杂技</a></td>
								</tr>
								<tr>
									<td><a>传统美术</a></td>
									<td><a>传统技艺</a></td>
								</tr>
								<tr>
									<td><a>传统医药</a></td>
									<td><a>民俗</a></td>
								</tr>
							</table>
						</div>
						<div style="border: 1px solid #e8edf0;width:100%;border-radius: 3px;margin-top: 20px;">
							<h5>通知公告
								<span style="position:absolute;right:10px;">
									<a href="#" alt="更多"><img src="img/more.png"></a>
								</span>
							</h5>
							<ul class="notices">
								<li>■ 文化局关于推荐申报第五批。。。</li>
								<li>■ 文化局关于推荐申报第五批。。。</li>
								<li>■ 文化局关于推荐申报第五批。。。</li>
								<li>■ 文化局关于推荐申报第五批。。。</li>
								<li>■ 文化局关于推荐申报第五批。。。</li>
								<li>■ 文化局关于推荐申报第五批。。。</li>
								<li>■ 文化局关于推荐申报第五批。。。</li>
							</ul>
						</div>
					</div>
					
				</div>
				<div class="col-sm-8 col-md-9" style="padding-top: 48px;">
					<ol class="breadcrumb" style="background-color:#DED4D2;">
						  <li><a href="#">首页</a></li>
						  <li><a href="#">非遗名录</a></li>
						  <li><a href="#">北社大禹庙</a></li>
					</ol>
					<div class="ArticleContent" style="color:#000;">
						
						
						<p style="font-size:22px;text-align:center;">北社大禹庙</p>
						<p style="font-size:12px;text-align:right;padding-right:30px;    margin: 0;">日期：2016-5-6&nbsp;&nbsp;&nbsp;&nbsp;点击数：0</p>
						<div style="width:100%;border:1px solid #C5C2C2;border-radius: 3px; -moz-border-radius:3px;-webkit-border-radius: 3px;margin-bottom: 40px;">
							<table style="width:100%;">
								<tr>
									<td class="item1">地区 ：平顺县</td>
									<td class="item1">详细位置 ：北社乡北社村</td>
								</tr>
								<tr>
									<td class="item1" style="padding-bottom:15px;">级别 ：国家级</td>
									<td class="item1"></td>
								</tr>
							</table>
						</div>
						
						<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;大禹庙创建年代无考，明清屡有修葺。现存四合院布局，坐北朝南，占地1101平方米。中轴线依次为山门(上为倒座戏台)、献殿、大殿，两侧为夹殿、钟鼓楼、配殿、耳殿。
					　　大殿为元代建筑，面宽三间，进深四椽。单檐硬山顶，灰筒板瓦屋面。柱头斗拱五铺作单抄单昂，无补间斗拱。四椽栿对前乳栿用三柱。献殿面宽三间，进深五椽，单檐卷棚顶，灰筒板瓦屋面。戏楼面宽三间，进深四椽，单檐硬山顶前插翼角，柱头科五踩单翘单昂，平身科每间一攒。东西廊房各五间，东西耳殿、夹楼均为两间，均为清代小式建筑。

					“里”曾经是个面积单位，而不是长度单位。周制：“王及诸侯国都郊内置乡，民众聚居之处曰里”。秦汉以来各代统治者都要设立“里”这个基层管理概念。北魏以前，“里”只是个户口编制单位，当时政府税收按农户耕种的田地亩数收取，没有必要知道它的具体方位。北魏太和九年(485年)开始实施均田制，田地必有明确的划分，并直接落实到地域上，“里”有了实土。
					“村”属于民间的称呼对居住地的称谓，最早出现在三国时期。“里”虽然作为朝廷的制度行用了两千多年，在农村最终却没有成为普遍使用的聚落名称，今天几乎找不到“里名”沿用至今的例子，而“村名”延用几千年的例子不计其数。自“村”出现，它在官方制度中的地位起伏不定。三国至唐初，“村”一直未入官方的正式制度，到来唐代中期，“村”才成为制度中的一部分，在田野者，“里正”之外设有“村正”。唐以后以“村”为代表的自然聚落是历代基层制度的基础，但绝大多数时期朝廷都是在其上另起炉灶，建立名目各异的制度，如宋代先后设乡、里、管、保甲；金代的乡、里；元代的乡都、社；明代的乡、都、图(里)等；清代的里甲、保甲等。</p>
					<img src="img/minglu/conItem1.jpg" /> 
					<p>	三池南里是晋东南山区的一块特殊地域，因为它存留着大量的元代古代建筑。三池南里包括现在的北社乡北社、南社、西社、河东等自然村落。从前归潞城县，明嘉靖八年平顺建县，从潞城划来十六里，三池南里就是其中之一，。
					北社是个山村，离潞州府衙很近，直线距离也就三十多里，但送个牒文得半个月，因为中间竖着几座四百丈高的大山。
					北社是个老村，2007年6月北社村老乡盖新房，不小心挖出一座唐代古墓。考古工作者清理过程中出土墓志铭、陶罐以及少量泥俑。墓志铭上记载，墓主人名叫秦举，字莫彦，死于唐乾封元年。
					北社村有口井，据说是在大禹先生的指导下挖掘的，故得名“大禹泉”。井前有座庙，无疑是大禹庙。
						</p>
						<div id="video"></div>
					</div>
					<div style="height:60px;margin-top:30px;border-top:1px dashed #E2DFDF;padding-top: 10px;position:relative;background-color:#fff;z-index:999">
						<a href="javascript:share.weibo();" title="分享微博"><img src="img/content/weibo.png"></a>
						<a href="javascript:toggleCode();" title="分享微信"><img src="img/content/weixin.png"></a>
						<a href="javascript:share.qq();" title="分享QQ"><img src="img/content/qq.png"></a>
						<a href="javascript:share.qzone();" title="分享空间"><img src="img/content/qzone.png"></a>
						<div id="code" style="display:none;position:absolute;bottom:70px;left:0;"></div>
					</div>			
				</div>					
			</div>		
		</div>
    </div>
	
	<!-- Section: footer -->
	<div>
	
		<div class="container fontYH" style="padding-top: 20px;">
			<div class="row">
				<div class="col-sm-6 col-md-4">
					<div class="wow fadeInDown" data-wow-delay="0.1s">
					<div class="widget">
						<h5>友情链接</h5>
						<ul>
							<li><a href="#">长治市政府网</a></li>
							<li><a href="#">长治市非物质文化遗产保护中心</a></li>
							<li><a href="#"></a></li>
							<li><a href="#"></a></li>
						</ul>
					</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-4">
					<div class="wow fadeInDown" data-wow-delay="0.1s">
					<div class="widget">
						<h5>联系我们</h5>
						
						<ul>
							
							<li>
								<span class="fa-stack fa-lg">
									<i class="fa fa-circle fa-stack-2x"></i>
									<i class="fa fa-phone fa-stack-1x fa-inverse"></i>
								</span> +62 0888 904 711
							</li>
							<li>
								<span class="fa-stack fa-lg">
									<i class="fa fa-circle fa-stack-2x"></i>
									<i class="fa fa-envelope-o fa-stack-1x fa-inverse"></i>
								</span> hello@medicio.com
							</li>

						</ul>
					</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-4">
					<div class="wow fadeInDown" data-wow-delay="0.1s">
					<div class="widget">
						<h5>地址</h5>
						<p>长治市紫金东街47号</p>		
						
					</div>
					</div>
					
				</div>
			</div>	
		</div>
		<div class="sub-footer">
		<div class="container">
			<div class="row">
				<div class="col-sm-6 col-md-6 col-lg-6">
					<div class="wow fadeInLeft" data-wow-delay="0.1s">
					<div class="text-left">
					<p>Copyright 2016 - 长治市非物质文化遗产保护中心. All rights reserved.</p>
					</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-6 col-lg-6">
					<div class="wow fadeInRight" data-wow-delay="0.1s">
					<div class="text-right">
						<p><a href="http://bootstraptaste.com/">技术支持：</a> 长治市华普软件公司</p>
					</div>
                    <!-- 
                        All links in the footer should remain intact. 
                        Licenseing information is available at: http://bootstraptaste.com/license/
                        You can buy this theme without footer links online at: http://bootstraptaste.com/buy/?theme=Medicio
                    -->
					</div>
				</div>
			</div>	
		</div>
		</div>
	</div>
	<!-- /Section: footer -->
</div>

	<!-- Core JavaScript Files -->
    <script src="js/jquery.min.js"></script>	 
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.easing.min.js"></script>
	<script src="js/wow.min.js"></script>
	<script src="js/jquery.scrollTo.js"></script>
	<script src="js/jquery.appear.js"></script>
	<script src="js/stellar.js"></script>
	<script src="plugins/cubeportfolio/js/jquery.cubeportfolio.min.js"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/nivo-lightbox.min.js"></script>
    <script src="js/custom.js"></script>
	<script src="js/jquery.carouFredSel.packed.js"></script>
	<script src="js/jquery.touchSwipe.min.js"></script>
	<script src="js/jwplayer.js" type="text/javascript"></script>  
	<script src="js/share.js" type="text/javascript"></script>
	<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>
	<script type="text/javascript">jwplayer.key="N8ytZKvGvZLZzRFdjUraHdmk6tscmEIRekrvyA==";</script>
	<script type="text/javascript">
		var thePlayer;  //保存当前播放器以便操作  
		jQuery(document).ready(function ($) {
			thePlayer = jwplayer('video').setup({  
				flashplayer: 'js/jwplayer.flash.swf',  
				file: 'js/video1.MP4',  
				width: 500,  
				height: 350,  
				dock: false  
			});  
			
			var str = toUtf8("http://192.168.2.50/mingluContent.html");
			
			$("#code").qrcode({
				render: "canvas",
				width: 200,
				height:200,
				text: str
			});
		});
		
		var share = new SimpleShare({
			url: window.location.href,
			title: '北社大禹庙',
			content: '大禹庙创建年代无考，明清屡有修葺。现存四合院布局，坐北朝南，占地1101平方米。中轴线依次为山门(上为倒座戏台)、献殿、大殿，两侧为夹殿、钟鼓楼、配殿、耳殿。',
			pic: 'http://e.hiphotos.baidu.com/image/h%3D200/sign=31e61d6532f33a87816d071af65d1018/95eef01f3a292df504213240b4315c6035a87381.jpg'
		});
		function toUtf8(str) {   
			var out, i, len, c;   
			out = "";   
			len = str.length;   
			for(i = 0; i < len; i++) {   
				c = str.charCodeAt(i);   
				if ((c >= 0x0001) && (c <= 0x007F)) {   
					out += str.charAt(i);   
				} else if (c > 0x07FF) {   
					out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));   
					out += String.fromCharCode(0x80 | ((c >>  6) & 0x3F));   
					out += String.fromCharCode(0x80 | ((c >>  0) & 0x3F));   
				} else {   
					out += String.fromCharCode(0xC0 | ((c >>  6) & 0x1F));   
					out += String.fromCharCode(0x80 | ((c >>  0) & 0x3F));   
				}   
			}   
			return out;   
		} 
		function toggleCode(){
			$("#code").fadeToggle("slow","linear");
		}
	</script>
	

</body>

</html>
